<!--
.color1 { color: #363F52}
.color2 { color: #324C64}
.color3 { color: #2B363D}
.color4 { color: #507B8A}
.color5 { color: #7997A5}
.color6 { color: #334B59}
.color7 { color: #244552}
.color8 { color: #202D36}
.color9 { color: #446457}
.color10 { color: #3F586B}
.color11 { color: #436971}
.color12 { color: #3F4167}
.color13 { color: #36364C}
.color14 { color: #395055}
.color15 { color: #6BA7BD}
.color16 { color: #8EABB8}
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>EtherSense</title>
        <link rel="stylesheet" href="index.css" type="text/css" media="screen">
        <!--<link rel="stylesheet" href="demo-print.css" type="text/css" media="print">-->
        <script src="raphael.js" type="text/javascript" charset="utf-8"></script>
	<script src="hostobj.js" type="text/javascript" charset="utf-8"></script>
	<script src="connobj.js" type="text/javascript" charset="utf-8"></script>

	<script src="buttons.js" type="text/javascript" charset="utf-8"></script>

    </head>
    <body>
	<div id="holder">
	  <script src="graffle.js" type="text/javascript" charset="utf-8"></script>
	</div>

	<div id="buttonhide" onclick="showhideBar()">
	  <img width='30px' height='30px' src='images/hide.png' alt='Hide the column'/>
	</div>

	<div id="buttonreload" onclick="reloadGraph()"> 
	    <img width='30px' height='30px' src='images/reload.png' alt='Take a new snapshot of the lan'/>
	</div>

	<div id="columnmsg">
	  <script src="columnmsg.js" type="text/javascript" charset="utf-8"></script>
	</div>

	<div id="columnhost">
	  <script src="columnhost.js" type="text/javascript" charset="utf-8"></script>
	</div>
	<div id="columnconn">
	  <script src="columnconn.js" type="text/javascript" charset="utf-8"></script>
	</div>


	
    </body>
</html>
